<template>
  <div class="opro">
    <van-nav-bar title="订单问题"
    :fixed=true
    left-arrow
     @click-left="onClickLeft"
    >
    </van-nav-bar>
    <van-tabs v-model="active" swipeable>
      <van-pull-refresh v-model="isLoading" @refresh="onRefresh" success-text="刷新成功">
      <van-tab title="全部问题"></van-tab>
      <van-tab title="退款退货"></van-tab>
      </van-pull-refresh>
    </van-tabs>
  </div>
</template>

<script>
  export default{
    name:'More',
    data(){
      return{
        active:0,
        isLoading: false,
      }
    },
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      },
      onRefresh() {
        setTimeout(() => {
          this.isLoading = false;
        }, 500);
      }
    }
  }
</script>

<style scoped="">
  .van-icon-arrow-left{
    color: #bfbfbf;
    font-size: 24px;
  }
  .van-nav-bar__title{
    font-size: 20px;
    font-weight: 600;
  }
  .opro >>> .van-tabs__line{
    background: #f9d209;
  }
  .van-tab__pane, .van-tab__pane-wrapper{
    height: 582px;
    background:#f6f6f6 ;
  }
  .van-tabs--line{
    margin-top: -20px;
  }
  .opro >>> .van-pull-refresh__track{
    background: #F6F6F6;
  }
</style>
